<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/菜品分类.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<script type="text/javascript" src="js/html5shiv.min.js" ></script>
	   <script type="text/javascript" src='js/flexible.debug.js'></script>
	</head>
	<body>
		<header>
			<span class="left" onclick="location.href='shouye.html'"><img src="img/qt.png"/></span>
			<span class="center">菜品分类</span>
			<span class="right"></span>
		</header>
		<div class="bg"><img src="img/bd.png"/></div>
		<section class="main">
			<ul class="rmcy_box_meishi_lis">
				
				<li>孕妇食谱<span><img src="img/jianyou.png"></span></li>
				<li>减肥食谱<span><img src="img/jianyou.png"></span></li>
				<li>儿童食谱<span><img src="img/jianyou.png"></span></li>
				<li>家常菜<span><img src="img/jianyou.png"></span></li>
				<li>营养食谱<span><img src="img/jianyou.png"></span></li>
				<li>美容食谱<span><img src="img/jianyou.png"></span></li>
				<li>考生食谱<span><img src="img/jianyou.png"></span></li>
				<li>其他<span><img src="img/jianyou.png"></span></li>
				
			</ul>
		</section>
		<div class="bga"><img src="img/bd.png"/></div>
		<footer>
			<ul>
				<li><a href="#" class="curr" onclick="location.href='shouye.html'"><img src="img/fza.png"/>首页</a></li>
				<li><a href="#"  onclick="location.href='fujin.html'"><img src="img/qa.png"/>附近</a></li>
				<li><a href="#" onclick="location.href='dingd.html'"><img src="img/th.png"/>订单</a></li>
				<li><a href="#"  onclick="location.href='gengduo.html'"><img src="img/xin.png"/>更多</a></li>
			</ul>
		</footer>	
	
		<script src="js/flexible_css.debug.js"></script>
		<script src="js/jquery-1.11.2.min.js"></script>
	     <script>
	     	/*$.get('js/cpfl.json',function(data) {
					$.each(data,function(i) {
						var aa=$("<li></li>")
				        aa.appendTo(".rmcy_box_meishi_lis")	
				        $('<li">'+data[i].name+'<span><img src="'+data[i].img+'"/></span></li>').appendTo(aa);
				       
					});
				},"json");*/
				
				$('footer>ul>li>a').click(function() {            	$(this).addClass('curr').parent().siblings().children().removeClass('curr');
           });
           
				$('.rmcy_box_meishi_lis img').eq(4).click(function() {            	 
					location.href = 'cpfl2.html';
           });
          
	     </script>
	</body>
</html>
